<template>
   <div class="pagination">
       <div class="pagination-up" @click="toPre()">上一篇</div>
       <div class="pagination-next" @click="toNext()">下一篇</div>
       <div class="pagination-back" @click="toList()">返回列表</div>
   </div>
</template>

<script>

export default {
  name: 'pagination',
  data() {
    return{
      
    }
  },
  methods: {
      toPre(){
        this.$emit('toPre')
      },
      toNext(){
        this.$emit('toNext')
      },
      toList(){
        this.$emit('toList')
      }

  }
}
</script>

<style lang="stylus" scoped>
.pagination{
    font-size: 0;
    >div{   
        display: inline-block;
        font-size:16px;
        color:rgba(130,130,130,1);
        line-height:21px;
        margin-right: 80px;
        cursor: pointer;
    }
    >div:hover{
      color:rgba(20,87,253,1);
      text-decoration: underline;
    }
}
</style>
